/*
 * @description:
 * @version:
 * @Author: 王治飞
 * @Date: 2023-08-18 16:13:59
 * @LastEditors: 王治飞
 * @LastEditTime: 2023-08-22 09:19:07
 */
import React, { memo } from 'react'
import { FooterWarp } from './style'
const data = [
  {
    name: '爱彼迎',
    list: ['工作机会', '爱彼迎新闻', '政策', '无障碍设施']
  },
  {
    name: '发现',
    list: ['信任与安全', '旅行基金', '商务差旅', '爱彼迎杂志', 'Airbnb.org']
  },
  {
    name: '出租',
    list: ['为什么要出租', '待客之道', '房东义务', '开展体验', '资源中心']
  },
  {
    name: '客服支持',
    list: ['帮助', '邻里支持']
  }
]
const Footer = memo(() => {
  return (
    <FooterWarp>
      <div className="content">
        {data.map((item, index) => {
          return (
            <div className="item" key={index}>
              <div className="name">{item.name}</div>
              {item.list.map(link => {
                return (
                  <p className="link" key={link}>
                    {link}
                  </p>
                )
              })}
            </div>
          )
        })}
      </div>
      <div className="bottom">© 2022 Airbnb, Inc. All rights reserved.条款 · 隐私政策 · 网站地图 · 全国旅游投诉渠道 12301</div>
    </FooterWarp>
  )
})

export default Footer
